<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>

<!DOCTYPE html>
<html>
<head>
    <title>Bo2S Web</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/cufon-georgia.js"></script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>

    <div class="main">
    <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="Home.jsp"><span>Home Page</span></a></li>
          <li><a href="about.jsp"><span>About Us</span></a></li>
          <li><a href="project.jsp"><span>Project</span></a></li>
          <li><a href="contact.jsp"><span>Contact Us</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1><a href="index.html">Bo<span>2S</span></a></h1>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="960" height="360" alt="" /><span>Orientation : 20/8/2014</span></a> <a href="#"><img src="images/slide2.jpg" width="960" height="360" alt="" /><span>AAAA.</span></a> <a href="#"><img src="images/slide3.jpg" width="960" height="360" alt="" /><span> BBBB.</span></a> </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
        <div class="content">
    <div class="content_resize">
      <div class="mainbar">
          <%-- --------------------------post bai moi ------------------------------------%>
        <tiles:insertAttribute name="posthere"/>
      </div>
      <div class="sidebar">
        <div class="searchform">
          <form id="formsearch" name="formsearch" method="post" action="#">
            <span>
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
            </span>
            <input name="button_search" src="images/search.gif" class="button_search" type="image" />
          </form>
        </div>
        <div class="clr"></div>
        <div class="gadget">
          <h2 class="star"><span>Category:</span></h2>
          <div class="clr"></div>
          <ul class="sb_menu">
            <li><a href="#">New</a></li>
            <li><a href="#">Project team</a></li>
            <li><a href="#">Activities</a></li>
          </ul>
        </div>
        <div class="gadget">
          <h2 class="star"><span>New POST</span></h2>
          <div class="clr"></div>
          <ul class="ex_menu">
            <li><a href="#">cho 1 câu hỏi!</a><br />
              câu hỏi + trả lời</li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
      
      <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Image</span> Gallery</h2>
        <a href="#"><img src="images/gal1.PNG" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.PNG" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.png" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.PNG" width="75" height="75" alt="" class="gal" /></a></div>
      <div class="col c2">
        <h2><span>Related </span> news</h2>
        <p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
        <ul class="fbg_ul">
          <li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
          <li><a href="#">Excepteur officia deserunt.</a></li>
          <li><a href="#">Integer tellus ipsum tempor sed.</a></li>
        </ul>
      </div>
      <div class="col c3">
        <h2><span>Contact</span> Us</h2>
        <p>Bo2S Team.</p>
        <p class="contact_info"> <span>Address:</span> 235/30 Ong ich Khiem street.<br />
          <span>Telephone:</span> 09999999<br />
          <span>FAX:</span> 0999999<br />
          <span>Others:</span> 09999999<br />
          <span>E-mail:</span> <a href="#">Bo2S.itedu@gmail.com</a> </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
      <div class="footer">
     <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="#">Bo2S Team</a></p>
      <div style="clear:both;"></div>
    </div>
      </div>
</div>

</body>
</html>
